.page-breadcrumb {
  margin-bottom: 16px;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;

  :global {
    .ant-breadcrumb {
      font-size: 14px;

      .ant-breadcrumb-link {
        display: inline-flex;
        align-items: center;
        color: rgba(0, 0, 0, 0.45);
        transition: color 0.3s;

        &:hover {
          color: #1890ff;
        }

        .anticon {
          font-size: 14px;
        }
      }

      .ant-breadcrumb-separator {
        margin: 0 8px;
        color: rgba(0, 0, 0, 0.45);
      }

      li:last-child {
        .ant-breadcrumb-link {
          color: rgba(0, 0, 0, 0.85);
          
          &:hover {
            color: #1890ff;
          }
        }
      }
    }
  }
} 